<!DOCTYPE html>
<head>
  <title>TodoMVC</title>
  <link rel="stylesheet" href="/src/index.css">
</head>
<body>
  <div id="react-app"></div>
  <script type="module" src="/src/main.ts"></script>
  
  <section class="bg-white mt-[130px] mb-[40px] relative" style="box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1)">
    <h1 class="absolute top-[-140px] w-full text-8xl font-light text-center text-[#b83f45]">TodoMVC</h1>
    <todo-list></todo-list>
    <footer class="absolute right-0 bottom-0 left-0 h-[50px] overflow-hidden shadow-[0_1px_1px_rgba(0,0,0,0.2),0_8px_0_-3px_#f6f6f6,0_9px_1px_-3px_rgba(0,0,0,0.2),0_16px_0_-6px_#f6f6f6,0_17px_2px_-6px_rgba(0,0,0,0.2)]"
    ></footer>
  </section>
</body>
</html>